<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Gramedia Writing Project</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="description" content="">
  <meta name="author" content="">

	<!--link rel="stylesheet/less" href="less/bootstrap.less" type="text/css" /-->
	<!--link rel="stylesheet/less" href="less/responsive.less" type="text/css" /-->
	<!--script src="js/less-1.3.3.min.js"></script-->
	<!--append ‘#!watch’ to the browser URL, then refresh the page. -->
	
	<link href="css/bootstrap.min.css" rel="stylesheet">
	<link href="css/style.css" rel="stylesheet">
    <link href="css/tooltip.css" rel="stylesheet">

  <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
  <!--[if lt IE 9]>
    <script src="js/html5shiv.js"></script>
  <![endif]-->

  <!-- Fav and touch icons -->
  <link rel="apple-touch-icon-precomposed" sizes="144x144" href="img/apple-touch-icon-144-precomposed.png">
  <link rel="apple-touch-icon-precomposed" sizes="114x114" href="img/apple-touch-icon-114-precomposed.png">
  <link rel="apple-touch-icon-precomposed" sizes="72x72" href="img/apple-touch-icon-72-precomposed.png">
  <link rel="apple-touch-icon-precomposed" href="img/apple-touch-icon-57-precomposed.png">
  <link rel="shortcut icon" href="img/icon.png">
  
	<script type="text/javascript" src="js/jquery.min.js"></script>
	<script type="text/javascript" src="js/bootstrap.min.js"></script>
	<script type="text/javascript" src="js/scripts.js"></script>
    
</head>

<body id="body">
<div class="container shadow">
	<div class="row clearfix">
		<div class="col-md-12 column"><!-- untuk iklan di atas header -->
        	<img src="img/1bfdf7e9746c4dd82708fac53e91967e.jpg" style="width:100%; height:50px;"/>
		</div>
	</div>
	<div class="row clearfix colorheader"><!-- untuk menu -->
		<div class="col-md-2 column logo">
			<img src="img/Logo GRP.jpg" />
		</div>
        <div class="col-md-10 column padd3" style="padding-right:14px;">
        	<nav class="navbar navbar-default navbar-static-top navbar-inverse header" role="navigation">
				<div class="navbar-header">
					 <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> <span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button> 
				</div>
				
				<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
					<ul class="nav navbar-nav">
						<li>
							<a href="index2.html">Discover</a>
						</li>
                        <li>
							<a href="#">Event</a>
						</li>
						<li class="dropdown">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown">Panduan<strong class="caret"></strong></a>
							<ul class="dropdown-menu">
								<li>
									<a href="#">Action</a>
								</li>
                                <li>
									<a href="#">Another action</a>
								</li>
                                <li>
									<a href="#">Something else here</a>
								</li>
								<li>
									<a href="#">Separated link</a>
								</li>
								<li>
									<a href="#">One more separated link</a>
								</li>
							</ul>
						</li>
					</ul>
					<form class="navbar-form navbar-left" role="search">
						<div class="form-group">
							<input class="form-control tinggitextbox" type="text">
						</div> <button type="submit" class="btn btn-danger btn-sm"><span class="glyphicon glyphicon-search"></span></button>
					</form>
					<ul class="nav navbar-nav navbar-right">
						<li>
							<a href="tulis cerita2.html">Tulis Cerita</a>
						</li>
						<li class="dropdown">
							 <a href="#" class="dropdown-toggle" data-toggle="dropdown"><span class="glyphicon glyphicon-user"></span>&nbsp;&nbsp;Jessyca<strong class="caret"></strong></a>
							<ul class="dropdown-menu">
								<li>
									<a href="profilku.html"><span class="glyphicon glyphicon-user"></span>&nbsp;&nbsp;Profil</a>
								</li>
								<li>
									<a href="daftar cerita.html"><span class="glyphicon glyphicon-list"></span>&nbsp;&nbsp;Daftar Cerita</a>
								</li>
								<li>
									<a href="draft cerita.html"><span class="glyphicon glyphicon-edit"></span>&nbsp;&nbsp;Draft Cerita</a>
								</li>
								<li>
									<a href="koleksiku.html"><span class="glyphicon glyphicon-list-alt"></span>&nbsp;&nbsp;Koleksiku</a>
								</li>
                                <li>
									<a href="#"><span class="glyphicon glyphicon-log-out"></span>&nbsp;&nbsp;Logout</a>
								</li>
							</ul>
						</li>
					</ul>
				</div>
			</nav>
		</div>
	</div>
    
    <!-- start untuk content -->
	<div class="row clearfix">
    <div class="col-md-12 column content">
	<div class="row clearfix">
		<div class="col-md-3 column" ><!-- untuk kolom pertama -->
        	<div class="panel-group" id="panel-661231">
				<div class="panel panel-default">
					<div class="panel-heading">
                    	<table style="width:100%">
							<tr>
                            	<td style="width:45%; text-align:center; border-right:thin solid #CCCCCC">
                                <a class="panel-title" data-toggle="collapse" data-parent="#panel-661231" href="#login">Login</a></td>
                                <td style="width:50%; text-align:center; ">
                                <a class="panel-title" data-toggle="collapse" data-parent="#panel-661231" href="#register">Register</a></td>
                            </tr>
                        </table>
					</div>
						<div id="login" class="panel-collapse collapse in">
						<div class="panel-body">
							<div class="panel-body font1 utklogin">
                            	<div class="input-group input-group-sm" >
                                  <span class="input-group-addon glyphicon glyphicon-user"></span>
                                  <input type="text" class="form-control" placeholder="Username">
                                </div>
                                <div class="input-group input-group-sm" style="padding-bottom:5px; padding-top:5px;">
                                  <span class="input-group-addon glyphicon glyphicon-log-in"></span>
                                  <input type="password" class="form-control" placeholder="Password">
                                </div>
                                <button type="submit" class="btn btn-danger btn-xs">Masuk</button>
                            </div>
						</div>
						</div>
                    	<div id="register" class="panel-collapse collapse">
						<div class="panel-body">
							<div class="panel-body font1">
                                <div class="panel-body font1 utklogin">
                            	<div class="input-group input-group-sm" >
                                  <span class="input-group-addon glyphicon glyphicon-user"></span>
                                  <input type="text" class="form-control" placeholder="Username">
                                </div>
                                <div class="input-group input-group-sm" style="padding-bottom:5px; padding-top:5px;">
                                  <span class="input-group-addon glyphicon glyphicon-log-in"></span>
                                  <input type="password" class="form-control" placeholder="Password">
                                </div>
                                <div class="input-group input-group-sm" style="padding-bottom:5px;">
                                  <span class="input-group-addon glyphicon glyphicon-new-window"></span>
                                  <input type="password" class="form-control" placeholder="Confirm Password">
                                </div>
                                <button type="submit" class="btn btn-danger btn-xs">Daftar</button>
                            	</div>
                            	</div>
							</div>
						</div>
				</div>
			</div>
            
            <br/>
            
            <div class="hr3">
				 <span class="glyphicon glyphicon-bookmark"></span>&nbsp;&nbsp;Top Author 
            </div>
			<div class="list-group-item" style="border-left:none; border-right:none;">
				<span class="badge">14 post</span><a href="profil.html">&nbsp;&nbsp;Jeanne Anderson</a>
			</div> 
            <div class="list-group-item" style="border-left:none; border-right:none;">
				<span class="badge">14 post</span><a href="#">&nbsp;&nbsp;Tommy Soeharto</a>
			</div> 
            <div class="list-group-item" style="border-left:none; border-right:none;">
				<span class="badge">14 post</span><a href="#">&nbsp;&nbsp;Adi Nanu</a>
			</div> 
            <div class="list-group-item" style="border-left:none; border-right:none;">
				<span class="badge">14 post</span><a href="#">&nbsp;&nbsp;Jesselyn</a>
			</div> 
			<div class="list-group-item" style="border-left:none; border-right:none;">
				<span class="badge">14 post</span><a href="#">&nbsp;&nbsp;Riska Pratiwi</a>
			</div> 
			<br/>
            <br/>
                
            <div class="hr3">
				<span class="glyphicon glyphicon-tags"></span>&nbsp;&nbsp;Cerita Terpopuler
            </div>
			<div class="list-group-item" style="border-left:none; border-right:none;">
				<span class="badge"><span class="glyphicon glyphicon-eye-open"></span>&nbsp;&nbsp;16465 </span><a href="#">&nbsp;&nbsp;Warm Heart</a>
			</div> 
            <div class="list-group-item" style="border-left:none; border-right:none;">
				<span class="badge"><span class="glyphicon glyphicon-eye-open"></span>&nbsp;&nbsp;1544 </span><a href="#">&nbsp;&nbsp;Banyak Cinta</a>
			</div> 
            <div class="list-group-item" style="border-left:none; border-right:none;">
				<span class="badge"><span class="glyphicon glyphicon-eye-open"></span>&nbsp;&nbsp;1444 </span><a href="#">&nbsp;&nbsp;Perang Dunia</a>
			</div> 
            <div class="list-group-item" style="border-left:none; border-right:none;">
				<span class="badge"><span class="glyphicon glyphicon-eye-open"></span>&nbsp;&nbsp;1434 </span><a href="#">&nbsp;&nbsp;Perang Padri</a>
			</div> 
			<div class="list-group-item" style="border-left:none; border-right:none;">
				<span class="badge"><span class="glyphicon glyphicon-eye-open"></span>&nbsp;&nbsp;143 </span><a href="#">&nbsp;&nbsp;Malam Dingin</a>
			</div> 
			<br/>
            <br/>
            <div class="hr3"></div>
            
            <img class="img-responsive iklan" src="img/Bookshelf.jpg" />
		</div>
        
		<div class="col-md-9 column"><!-- untuk kolom kedua yang dibagi 2 -->
			<div class="row clearfix">
				<div class="col-md-6 column kolomtengah">
                	<div class="judulceritaterbaru">10 Cerita Terbaru</div>
                    <div class="font10 margin2">
                    	<span class="glyphicon glyphicon-time"></span>&nbsp;Kamis, 12 Mei 2014 | <span class="glyphicon glyphicon-user"></span>&nbsp;Jessica
                        <div><a class="fontjudul" href="cerita.html">Dikala Semua Harus Bersuara</a></div>
                        <div class="row">
                            <div class="col-md-2">
                                <div class="imgkiri">
                                    <img src="img/img8.jpg" class="imgukuran"/>
                                </div>
                            </div>
                            <div class="col-md-10 padd7">
                                Lorem Ipsum adalah contoh teks atau dummy dalam industri percetakan dan penataan huruf atau typesetting. Lorem Ipsum telah menjadi standar contoh teks sejak tahun 1500an, .
                            </div>
                        </div>
                    </div>
                    <div class="hr4"></div>
                    <div class="font10 margin2">
                    	<span class="glyphicon glyphicon-time" ></span>&nbsp;Kamis, 12 Mei 2014 | <span class="glyphicon glyphicon-user"></span>&nbsp;Jessica
                        <div><a class="fontjudul" href="cerita.html">Dikala Semua Harus Bersuara</a></div>
                        <div class="row">
                            <div class="col-md-2">
                                <div class="imgkiri">
                                    <img src="img/img7.jpg" class="imgukuran"/>
                                </div>
                            </div>
                            <div class="col-md-10 padd7">
                                Lorem Ipsum adalah contoh teks atau dummy dalam industri percetakan dan penataan huruf atau typesetting. Lorem Ipsum telah menjadi standar contoh teks sejak tahun 1500an, .
                            </div>
                        </div>
                    </div>
                    <div class="hr4"></div>
                    <div class="font10 margin2">
                    	<span class="glyphicon glyphicon-time"></span>&nbsp;Kamis, 12 Mei 2014 | <span class="glyphicon glyphicon-user"></span>&nbsp;Jessica
                        <div><a class="fontjudul" href="cerita.html">Dikala Semua Harus Bersuara</a></div>
                        <div class="row">
                            <div class="col-md-2">
                                <div class="imgkiri">
                                    <img src="img/img6.jpg" class="imgukuran"/>
                                </div>
                            </div>
                            <div class="col-md-10 padd7">
                                Lorem Ipsum adalah contoh teks atau dummy dalam industri percetakan dan penataan huruf atau typesetting. Lorem Ipsum telah menjadi standar contoh teks sejak tahun 1500an, .
                            </div>
                        </div>
                    </div>
                    <div class="hr4"></div>
                    <div class="font10 margin2">
                    	<span class="glyphicon glyphicon-time"></span>&nbsp;Kamis, 12 Mei 2014 | <span class="glyphicon glyphicon-user"></span>&nbsp;Jessica
                        <div><a class="fontjudul">Dikala Semua Harus Bersuara</a></div>
                        <div class="row">
                            <div class="col-md-2">
                                <div class="imgkiri">
                                    <img src="img/img5.jpg" class="imgukuran"/>
                                </div>
                            </div>
                            <div class="col-md-10 padd7">
                                Lorem Ipsum adalah contoh teks atau dummy dalam industri percetakan dan penataan huruf atau typesetting. Lorem Ipsum telah menjadi standar contoh teks sejak tahun 1500an, .
                            </div>
                        </div>
                    </div>
                    <div class="hr4"></div>
                    <div class="font10 margin2">
                    	<span class="glyphicon glyphicon-time"></span>&nbsp;Kamis, 12 Mei 2014 | <span class="glyphicon glyphicon-user"></span>&nbsp;Jessica
                        <div><a class="fontjudul" href="cerita.html">Dikala Semua Harus Bersuara</a></div>
                        <div class="row">
                            <div class="col-md-2">
                                <div class="imgkiri">
                                    <img src="img/img4.jpg" class="imgukuran"/>
                                </div>
                            </div>
                            <div class="col-md-10 padd7">
                                Lorem Ipsum adalah contoh teks atau dummy dalam industri percetakan dan penataan huruf atau typesetting. Lorem Ipsum telah menjadi standar contoh teks sejak tahun 1500an, .
                            </div>
                        </div>
                    </div>
                    <ul class="pagination pagination-sm padd8">
                            <li>
                                <a href="#">Prev</a>
                            </li>
                            <li>
                                <a href="#">1</a>
                            </li>
                            <li>
                                <a href="#">2</a>
                            </li>
                            <li>
                                <a href="#">3</a>
                            </li>
                            <li>
                                <a href="#">4</a>
                            </li>
                            <li>
                                <a href="#">5</a>
                            </li>
                            <li>
                                <a href="#">Next</a>
                            </li>
                    </ul>
                    <div class="hr4"></div>
                    <div class="judulceritaterbaru">Cerita Sebelumnya</div>
                    <div class="font10 margin2">
                    	<span class="glyphicon glyphicon-time"></span>&nbsp;Kamis, 12 Mei 2014 | <span class="glyphicon glyphicon-user"></span>&nbsp;Jessica
                        <div><a class="fontjudul" href="cerita.html">Dikala Semua Harus Bersuara</a></div>
                    </div>
                    <div class="hr4"></div>
                    <div class="font10 margin2">
                    	<span class="glyphicon glyphicon-time"></span>&nbsp;Kamis, 12 Mei 2014 | <span class="glyphicon glyphicon-user"></span>&nbsp;Jessica
                        <div><a class="fontjudul" href="cerita.html">Dikala Semua Harus Bersuara</a></div>
                    </div>
                    <div class="hr4"></div>
                    <div class="font10 margin2">
                    	<span class="glyphicon glyphicon-time"></span>&nbsp;Kamis, 12 Mei 2014 | <span class="glyphicon glyphicon-user"></span>&nbsp;Jessica
                        <div><a class="fontjudul" href="cerita.html">Dikala Semua Harus Bersuara</a></div>
                    </div>
                    <div class="hr4"></div>
                    <div class="font10 margin2">
                    	<span class="glyphicon glyphicon-time"></span>&nbsp;Kamis, 12 Mei 2014 | <span class="glyphicon glyphicon-user"></span>&nbsp;Jessica
                        <div><a class="fontjudul" href="cerita.html">Dikala Semua Harus Bersuara</a></div>
                    </div>
                    <div class="hr4"></div>
                    <div class="font10 margin2">
                    	<span class="glyphicon glyphicon-time"></span>&nbsp;Kamis, 12 Mei 2014 | <span class="glyphicon glyphicon-user"></span>&nbsp;Jessica
                        <div><a class="fontjudul" href="cerita.html">Dikala Semua Harus Bersuara</a></div>
                    </div>
                    <div class="hr4"></div>
                    <ul class="pagination pagination-sm padd8">
                    	<li>
                        	<a href="#">Prev</a>
                        </li>
                        <li>
                            <a href="#">1</a>
                        </li>
                        <li>
                            <a href="#">2</a>
                        </li>
                        <li>
                            <a href="#">3</a>
                        </li>
                        <li>
                            <a href="#">4</a>
                        </li>
                        <li>
                            <a href="#">5</a>
                        </li>
                        <li>
                        	<a href="#">Next</a>
                        </li>
                    </ul>
                    <div class="judulceritaterbaru" style="background-color:#FFFFFF; color:#0033FF; font-weight:600">Telah Terbit
                    	<div class="hr5"></div>
                        <table>
                        	<tr>
                            	<td><img src="img/img5.jpg" class="imgukuran"/></td>
                                <td><img src="img/img2.jpg" class="imgukuran"/></td>
                                <td><img src="img/img4.jpg" class="imgukuran"/></td>
                                <td><img src="img/img3.jpg" class="imgukuran"/></td>
                                <td><img src="img/img6.jpg" class="imgukuran"/></td>
                            </tr>
                        </table>
                    </div>
                </div>
                <div class="col-md-6 column">
                	<div style="padding-left:10px; padding-right:10px;  padding-top:0px;">
                	<div class="judulceritaterbaru">Pilihan Editor</div>
                        <div class="font10 margin2">
                    	<span class="glyphicon glyphicon-time"></span>&nbsp;Kamis, 12 Mei 2014 | <span class="glyphicon glyphicon-user"></span>&nbsp;Jessica
                        <div style="color:#0033CC"><span class="glyphicon glyphicon-comment"></span>&nbsp;2.321 | <span class="glyphicon glyphicon-thumbs-up"></span>&nbsp;1.232 | <span class="glyphicon glyphicon-star"></span>&nbsp;234</div>
                        <div><a class="fontjudul2" href="cerita.html">Dikala Semua Harus Bersuara</a></div>
                        <div class="row">
                            <div class="col-md-2">
                                <div class="imgkiri">
                                    <img src="img/img8.jpg" class="imgukuran"/>
                                </div>
                            </div>
                            <div class="col-md-10 padd7">
                                Lorem Ipsum adalah contoh teks atau dummy dalam industri percetakan dan penataan huruf atau typesetting. Lorem Ipsum telah menjadi standar contoh teks sejak tahun 1500an, .
                            </div>
                        </div>
                    </div>
                    <div class="hr5"></div>
                    <div class="font10 margin2">
                    	<span class="glyphicon glyphicon-time" ></span>&nbsp;Kamis, 12 Mei 2014 | <span class="glyphicon glyphicon-user"></span>&nbsp;Jessica
                        <div style="color:#0033CC"><span class="glyphicon glyphicon-comment"></span>&nbsp;2.321 | <span class="glyphicon glyphicon-thumbs-up"></span>&nbsp;1.232 | <span class="glyphicon glyphicon-star"></span>&nbsp;234</div>
                        <div><a class="fontjudul2" href="cerita.html">Dikala Semua Harus Bersuara</a></div>
                        <div class="row">
                            <div class="col-md-2">
                                <div class="imgkiri">
                                    <img src="img/img7.jpg" class="imgukuran"/>
                                </div>
                            </div>
                            <div class="col-md-10 padd7">
                                Lorem Ipsum adalah contoh teks atau dummy dalam industri percetakan dan penataan huruf atau typesetting. Lorem Ipsum telah menjadi standar contoh teks sejak tahun 1500an, .
                            </div>
                        </div>
                    </div>
                    <div class="hr5"></div>
                    <div class="font10 margin2">
                    	<span class="glyphicon glyphicon-time"></span>&nbsp;Kamis, 12 Mei 2014 | <span class="glyphicon glyphicon-user"></span>&nbsp;Jessica
                        <div style="color:#0033CC"><span class="glyphicon glyphicon-comment"></span>&nbsp;2.321 | <span class="glyphicon glyphicon-thumbs-up"></span>&nbsp;1.232 | <span class="glyphicon glyphicon-star"></span>&nbsp;234</div>
                        <div><a class="fontjudul2" href="cerita.html">Dikala Semua Harus Bersuara</a></div>
                        <div class="row">
                            <div class="col-md-2">
                                <div class="imgkiri">
                                    <img src="img/img6.jpg" class="imgukuran"/>
                                </div>
                            </div>
                            <div class="col-md-10 padd7">
                                Lorem Ipsum adalah contoh teks atau dummy dalam industri percetakan dan penataan huruf atau typesetting. Lorem Ipsum telah menjadi standar contoh teks sejak tahun 1500an, .
                            </div>
                        </div>
                    </div>
                    <div class="hr5"></div>
                    <div class="font10 margin2">
                    	<span class="glyphicon glyphicon-time"></span>&nbsp;Kamis, 12 Mei 2014 | <span class="glyphicon glyphicon-user"></span>&nbsp;Jessica
                        <div style="color:#0033CC"><span class="glyphicon glyphicon-comment"></span>&nbsp;2.321 | <span class="glyphicon glyphicon-thumbs-up"></span>&nbsp;1.232 | <span class="glyphicon glyphicon-star"></span>&nbsp;234</div>
                        <div><a class="fontjudul2" href="cerita.html">Dikala Semua Harus Bersuara</a></div>
                        <div class="row">
                            <div class="col-md-2">
                                <div class="imgkiri">
                                    <img src="img/img5.jpg" class="imgukuran"/>
                                </div>
                            </div>
                            <div class="col-md-10 padd7">
                                Lorem Ipsum adalah contoh teks atau dummy dalam industri percetakan dan penataan huruf atau typesetting. Lorem Ipsum telah menjadi standar contoh teks sejak tahun 1500an, .
                            </div>
                        </div>
                    </div>
                    <div class="hr5"></div>
                    <div class="font10 margin2">
                    	<span class="glyphicon glyphicon-time"></span>&nbsp;Kamis, 12 Mei 2014 | <span class="glyphicon glyphicon-user"></span>&nbsp;Jessica
                        <div style="color:#0033CC"><span class="glyphicon glyphicon-comment"></span>&nbsp;2.321 | <span class="glyphicon glyphicon-thumbs-up"></span>&nbsp;1.232 | <span class="glyphicon glyphicon-star"></span>&nbsp;234</div>
                        <div><a class="fontjudul2" href="cerita.html">Dikala Semua Harus Bersuara</a></div>
                        <div class="row">
                            <div class="col-md-2">
                                <div class="imgkiri">
                                    <img src="img/img4.jpg" class="imgukuran"/>
                                </div>
                            </div>
                            <div class="col-md-10 padd7">
                                Lorem Ipsum adalah contoh teks atau dummy dalam industri percetakan dan penataan huruf atau typesetting. Lorem Ipsum telah menjadi standar contoh teks sejak tahun 1500an, .
                            </div>
                        </div>
                    </div>
                        
                        <ul class="pagination pagination-sm padd8">
                            <li>
                                <a href="#">Prev</a>
                            </li>
                            <li>
                                <a href="#">1</a>
                            </li>
                            <li>
                                <a href="#">2</a>
                            </li>
                            <li>
                                <a href="#">3</a>
                            </li>
                            <li>
                                <a href="#">4</a>
                            </li>
                            <li>
                                <a href="#">5</a>
                            </li>
                            <li>
                                <a href="#">Next</a>
                            </li>
                        </ul>
                        <div class="hr4"></div>
                        <div class="judulceritaterbaru">Terakhir Diperbaharui</div>
                        <div class="font10 margin2 ">
                            <span class="glyphicon glyphicon-time"></span>&nbsp;12 Mei 2014 | <span class="glyphicon glyphicon-calendar"></span>&nbsp;20 Mei 2014
                            <div style="color:#0033CC"><span class="glyphicon glyphicon-comment"></span>&nbsp;2.321 | <span class="glyphicon glyphicon-thumbs-up"></span>&nbsp;1.232 | <span class="glyphicon glyphicon-star"></span>&nbsp;234</div>
                            <div><a class="fontjudul2" href="cerita.html">Dikala Semua Harus Bersuara</a></div>
                            <i>- Jessica</i>
                        </div>
                        <div class="hr4"></div>
                        <div class="font10 margin2">
                            <span class="glyphicon glyphicon-time"></span>&nbsp;Kamis, 12 Mei 2014 | <span class="glyphicon glyphicon-calendar"></span>&nbsp;Jessica
                            <div style="color:#0033CC"><span class="glyphicon glyphicon-comment"></span>&nbsp;2.321 | <span class="glyphicon glyphicon-thumbs-up"></span>&nbsp;1.232 | <span class="glyphicon glyphicon-star"></span>&nbsp;234</div>
                            <div><a class="fontjudul2" href="cerita.html">Dikala Semua Harus Bersuara</a></div>
                            <i>- Jessica</i>
                        </div>
                        <div class="hr4"></div>
                        <div class="font10 margin2">
                            <span class="glyphicon glyphicon-time"></span>&nbsp;Kamis, 12 Mei 2014 | <span class="glyphicon glyphicon-calendar"></span>&nbsp;Jessica
                            <div style="color:#0033CC"><span class="glyphicon glyphicon-comment"></span>&nbsp;2.321 | <span class="glyphicon glyphicon-thumbs-up"></span>&nbsp;1.232 | <span class="glyphicon glyphicon-star"></span>&nbsp;234</div>
                            <div><a class="fontjudul2" href="cerita.html">Dikala Semua Harus Bersuara</a></div>
                            <i>- Jessica</i>
                        </div>
                        <div class="hr4"></div>
                        <div class="font10 margin2">
                            <span class="glyphicon glyphicon-time"></span>&nbsp;Kamis, 12 Mei 2014 | <span class="glyphicon glyphicon-calendar"></span>&nbsp;Jessica
                            <div style="color:#0033CC"><span class="glyphicon glyphicon-comment"></span>&nbsp;2.321 | <span class="glyphicon glyphicon-thumbs-up"></span>&nbsp;1.232 | <span class="glyphicon glyphicon-star"></span>&nbsp;234</div>
                            <div><a class="fontjudul2" href="cerita.html">Dikala Semua Harus Bersuara</a></div>
                            <i>- Jessica</i>
                        </div>
                        <div class="hr4"></div>
                        <div class="font10 margin2">
                            <span class="glyphicon glyphicon-time"></span>&nbsp;Kamis, 12 Mei 2014 | <span class="glyphicon glyphicon-calendar"></span>&nbsp;Jessica
                            <div style="color:#0033CC"><span class="glyphicon glyphicon-comment"></span>&nbsp;2.321 | <span class="glyphicon glyphicon-thumbs-up"></span>&nbsp;1.232 | <span class="glyphicon glyphicon-star"></span>&nbsp;234</div>
                            <div><a class="fontjudul2" href="cerita.html">Dikala Semua Harus Bersuara</a></div>
                            <i>- Jessica</i>
                        </div>
                        
                        <ul class="pagination pagination-sm padd8">
                            <li>
                                <a href="#">Prev</a>
                            </li>
                            <li>
                                <a href="#">1</a>
                            </li>
                            <li>
                                <a href="#">2</a>
                            </li>
                            <li>
                                <a href="#">3</a>
                            </li>
                            <li>
                                <a href="#">4</a>
                            </li>
                            <li>
                                <a href="#">5</a>
                            </li>
                            <li>
                                <a href="#">Next</a>
                            </li>
                        </ul>
                    </div>
                    </div>
                    </div>
                    </div>
                </div>
            </div>
		</div>
	<!-- end untuk content -->
	
    <!-- untuk iklan -->
	<div class="row clearfix">
		<div class="col-md-12 column">
		</div>
	</div>
    
    <!-- untuk footer -->
    <br/>
	<div class="row clearfix">
		<div class="col-md-12 column" style="min-height:60px; background-color:#333333; padding-top:10px; font-size:12px">
        	<table style="width:100%; color:#CCCCCC; padding-top:15px; padding-bottom:15px;">
            	<tr>
                	<td>Copyright @Gramedia 2014</td>
                    <td style="border-left:thin solid #919191; width:20%; padding-right:70px;"><strong>&nbsp;&nbsp;&nbsp;&nbsp;Join Us :</strong><br/>
                    	<div class="col-md-3"><img src="img/facebook-icon.png" /></div>
                        <div class="col-md-3"><img src="img/google-plus-icon.png" /></div>
                        <div class="col-md-3"><img src="img/twitter-icon.png" /></div>
                        <div class="col-md-3"><img src="img/blogger-icon.png" /></div>
                    </td>
                </tr>
            </table>
            <br/>
		</div>
	</div>
</div>
</div> 
</body>
</html>
